﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
    <title>James Klipp Blog, Programming, NBA, NFL, Syracuse Orange</title>
    <meta name="description" content="James Klipp's thoughts on programming and major sports including college basketball / football, the NBA, MLB, and NFL." />
    <!-- Facebook meta stuff -->
    <meta property="og:title" content="James Klipp's Blog" />
    <meta property="og:type" content="blog" />
    <meta property="og:url" content="http://www.jamesklipp.com" />
    <meta property="og:image" content="http://ia.media-imdb.com/rock.jpg" />
    <meta property="og:site_name" content="JamesKlipp" />
    <meta property="fb:admins" content="USER_ID" />
    <meta property="og:description" content="NBA, NFL, College Sports, programming and more." />
    <!-- CSS -->
    <link rel="stylesheet" type="text/css" href="styles/main.css" />
    <link rel="stylesheet" type="text/css" href="scripts/ui/css/custom-theme/jquery-ui-1.8.22.custom.css" />
    <link rel="stylesheet" type="text/css" href="styles/nav.css" />
    <!--Scripts-->
    <script type="text/javascript" src="scripts/ui/js/jquery.js"></script>
    <script type="text/javascript" src="scripts/ui/js/jquery-ui-1.8.22.custom.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function ()
        {

            $("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*)

            $("ul.topnav li span").click(function ()
            { //When trigger is clicked...

                //Following events are applied to the subnav itself (moving subnav up and down)
                $(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click

                $(this).parent().hover(function ()
                {
                }, function ()
                {
                    $(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
                });

                //Following events are applied to the trigger (Hover events for the trigger)
            }).hover(function ()
            {
                $(this).addClass("subhover"); //On hover over, add class "subhover"
            }, function ()
            {	//On Hover Out
                $(this).removeClass("subhover"); //On hover out, remove class "subhover"
            });
            var zi = 1000;
            $('*').each(function ()
            {
                $(this).css('zIndex', zi);
                zi -= 10;
            });
        });

    </script>
</head>
<body>
    <div id="fb-root">
    </div>
    <script>        (function (d, s, id)
        {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
            fjs.parentNode.insertBefore(js, fjs);
        } (document, 'script', 'facebook-jssdk'));</script>
    <div id="main">
        <div id="header">
            <div id="navigation">
                <div id="link_andSearch">
                    <a id="header_link" href="#">
                        <img src="styles/images/header_link.png" /></a>
                    <div id="searchwrapper">
                        <form action="">
                        <input type="text" class="searchbox" name="s" value="" />
                        <input type="image" src="styles/images/blank_search.png" class="searchbox_submit"
                            value="" />
                        </form>
                    </div>
                </div>
                <ul class="topnav">
                    <li><a href="#">Recent</a></li>
                    <li><a href="#">Programming</a>
                        <ul class="subnav">
                            <li><a href="#">XML</a></li>
                            <li><a href="#">C#</a></li>
                            <li><a href="#">JavaScript</a></li>
                            <li><a href="#">Other</a></li>
                        </ul>
                    </li>
                    <li><a href="#">NBA</a>
                        <ul class="subnav">
                            <li><a href="#">NY Knicks</a></li>
                            <li><a href="#">Other</a></li>
                        </ul>
                    </li>
                    <li><a href="#">NFL</a>
                        <ul class="subnav">
                            <li><a href="#">NY Knicks</a></li>
                            <li><a href="#">Other</a></li>
                        </ul>
                    </li>
                    <li><a href="#">College</a>
                        <ul class="subnav">
                            <li><a href="#">Basketball</a></li>
                            <li><a href="#">Football</a></li>
                            <li><a href="#">Other</a></li>
                        </ul>
                    </li>
                    <li><a href="#">Random</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </div>
        </div>
        <div id="content">
            <div id="leftdiv">
                <div class="blogentry">
                    <div class="datetime">
                        <p class="month">
                            Feb</p>
                        <p class="day">
                            10</p>
                        <p class="year">
                            2007</p>
                    </div>
                    <div class="blogtext">
                        <h2>
                            <a href="#">This is a blog test</a></h2>
                        <p>
                            Today I start my new website. So far I was able to put together the search, navigation,
                            and most of the CSS. I have been working on it for a few hours. A lot of people
                            have usefull blogs that are helping me create a sophiscated web.20 design.
                        </p>
                        <div class="fb-like" data-href="http://jamesklipp.com/oldweb" data-send="false" data-layout="button_count"
                            data-width="450" data-show-faces="true">
                        </div>
                    </div>
                </div>
            </div>
            <div id="rightdiv">
                <img class="socialimg" align="left" title="Subcribe to feed" alt="Subcribe to feed" src="styles/images/social/rss.png" />
                <a href="http://www.linkedin.com/in/jamesklipp" target="_blank">
                    <img class="socialimg" align="left" title="Visit me at linked in" alt="Visit me at linked in" src="styles/images/social/linkedin.png" /></a>
                <a href="http://twitter.com/james31rock" target="_blank">
                    <img class="socialimg" align="left" title="Check me out on Twiiter" alt="Check me out on Twiiter" src="styles/images/social/twitter.png" /></a>
            </div>
        </div>
    </div>
</body>
</html>
